@import '../../../assets/less/base/variables.less';
@import '../../../assets/less/libs/zTreeStyle.css';
.table-tree-wrapper {
	width: 260px;
	max-height: 600px;
	overflow: auto;
	display: flex;
	flex-direction: column;
}

.tree-box {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 260px;
	margin-right: @spacing * 2;
	.tree-search-header {
		width: 100%;
		padding: 12px;
		background-color: @lightGrey;
		border-bottom: 1px solid @greydd;
		.form-control {
			&:focus {
				border-color: lighten(@blue, 8%);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(85, 136, 221, 0.6);
			}
		}
		.input-group-addon {
			display: inline-block;
			height: 28px;
			line-height: 28px;
			padding-left: 8px;
			padding-right: 8px;
			border-radius: 4px;
			color: #fff;
			background-color: @blue;
			border-color: @blue;
		}
	}
	.input-group {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.form-control {
		flex: 1;
		display: inline-block;
		width: 54px;
		height: 30px;
		line-height: 30px;
		padding-left: 16px;
		padding-right: 16px;
		margin-right: 12px;
		border: 1px solid @lightBorderColor;
		border-radius: 4px;
	}
	.ztree {
		flex: 1;
		width: 100%;
		padding: @spacing * 2;
		overflow: auto;
		li {
			margin-bottom: 12px;
			&:last-child {
				margin-bottom: 0px;
			}
			ul {
				margin-top: 6px;
			}
			a {
				&.curSelectedNode,
				&:hover {
					padding-top: 1px;
					background: none;
					border: 0;
					text-decoration: none;
					color: @blue;
				}
				&.curSelectedNode {
					color: @lightBlack;
				}
				span {
					vertical-align: sub;
				}
			}
			span.button {
				background-image: url(../../../assets/img/ake-icon.png);
				&.noline_close {
					background-position: -100px center;
				}
				&.noline_open {
					background-position: -150px center;
				}
				&.noline_docu {
					background: none;
				}
				&.chk {
					width: 24px;
					height: 24px;
					cursor: pointer;
					&.checkbox_false_full {
						background-position: -24px 0;
					}
					&.checkbox_false_full_focus {
						background-position: -24px 0;
					}
					&.checkbox_true_full {
						background-position: 0 0;
						+ a > span {
							color: @blue;
						}
					}
					&.checkbox_true_full_focus {
						background-position: 0 0;
					}
					&.checkbox_false_part {
						background-position: -24px 0;
					}
					&.checkbox_true_part,
					&.checkbox_true_part_focus {
						background-position: -504px 0;
					}
					&.checkbox_false_part_focus {
						background-position: -24px 0;
					}

					&.radio_false_full {
						background-position: -72px 0;
					}
					&.radio_false_full_focus {
						background-position: -72px 0;
					}
					&.radio_true_full {
						background-position: -48px 0;
						+ a > span {
							color: @blue;
						}
					}
					&.radio_true_full_focus {
						background-position: -48px 0;
					}
					&.radio_true_part,
					&.radio_false_part {
						background-position: -72px 0;
					}
					&.radio_true_part_focus,
					&.radio_false_part_focus {
						background-position: -72px 0;
					}
				}
			}
		}
		> li {
			&:last-child {
				margin-bottom: 16px;
			}
		}
	}
	.tree-footer {
		width: 100%;
		text-align: center;
		padding: 12px;
		display: flex;
		justify-content: space-between;
		border-top: 1px solid @greydd;
	}
}
